<template>
  <div class="os-maps"
       id="cesiumContainer">

  </div>
</template>
<script lang="ts">
  import { defineComponent, onMounted } from 'vue'
  import { Viewer } from 'cesium'
  export default defineComponent({
    name: 'maps',
    setup() {
      onMounted(() => {
        const viewer = new Viewer('cesiumContainer')
        console.log(viewer)
      })
      return {}
    },
  })
</script>
<style lang="scss" scoped>
  @include e(maps) {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
</style>